iT邦幫忙

2026 iThome 鐵人賽

DAY 11
0

從輸入框取得文字後,常會遇到開頭多一個空白、大小寫不同,或要確認內容是否包含某個詞。字串方法可以先把這些內容整理好。

const poke_name = "  Aggron  ";
const cleaned = poke_name.trim();

console.log(poke_name);
console.log(cleaned);

https://ithelp.ithome.com.tw/upload/images/20260925/20178696O2tVOewyHk.png

trim()會移除開頭與結尾的空白,但是不會直接修改poke_name。JavaScript字串不能改動原本內容,所以這會回傳一個新字串,要使用另一個變數將結果儲存。

查找文字時可以使用includes()。它會回傳true或false,而且會分辨英文大小寫。

console.log(poke_name.includes("Aggron"));
console.log(poke_name.includes("aggron"));

https://ithelp.ithome.com.tw/upload/images/20260925/2017869667dZvreKo1.png

其中還有startsWith()和endsWith()分別用來檢查開頭與結尾;split()可以依照指定符號切成陣列;replace()則用來替換找到的內容。

const pokes_name = "Aggron,Charizard,Butterfree,Arcanine";
console.log(pokes_name);
console.log(pokes_name.split(","));

https://ithelp.ithome.com.tw/upload/images/20260925/20178696wx8XwDsmWM.png

console.log(pokes_name.replace("Aggron", "12345678"));

https://ithelp.ithome.com.tw/upload/images/20260925/20178696j5Ja3ReW23.png


上一篇
DAY10 作用域
下一篇
DAY12 陣列
系列文
從頭開始的Javascript學習之旅 共 14 篇
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言